<div class="novosti-top-kontenjer"><div class="novosti-top-box"><a href="?page_id=937" class="natrag-link"><img src="https://burgerking.hr/wp-content/uploads/2023/08/left-chevron.png">NATRAG</a></div></div><div class="centriran-kontenjer"><div class="novosti-top-info"><p class="novost-datum">05/07/2023</p><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" /> </head> <style> .navigation-1 { display: flex; align-items: center; background-color: rgb(245, 235, 220); justify-content: center; overflow-x: hidden; white-space: nowrap; padding: 0 30px; /* Updated to 30px */ margin-top: 55px; margin-bottom: -20px; } .columns-1 { display: flex; gap: 10px; scroll-snap-type: x mandatory; overflow-x: hidden; overflow-y: hidden; } .column-1 { min-width: 150px; /* Adjust as needed */ height: 115px; /* Adjust as needed */ scroll-snap-align: start; } .column-1 img { width: 100px; } .column-1 h1 { font-size: 0.85rem; text-align: center; color: rgb(80, 35, 20); font-family: "Flame-Regular", sans-serif; font-weight: 400; margin-top: 0px; } .nav-icon-1 { border: 0; background-color: transparent; padding-bottom: 40px; } .nav-icon-1.active-1 { color: red; } .nav-icon-1.end-1 svg { fill: gray; } .nav-icon-1 svg { width: 30px; height: 30px; background-color: white; border-radius: 50%; fill: #d62300; } @media (max-width: 1000px) { .top-navigation-space-1 { display: none; } .navigation-1 { display: none; } } /* MOBILE DIO */ .navigation-mobile-1 { width: 100%; /* Adjust the width as needed */ overflow-x: auto; -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS devices */ box-shadow: rgb(215, 199, 181) 0px 2px 2px; margin-bottom: 10px; margin-top: 30px; } .navigation-mobile-1::-webkit-scrollbar { display: none; /* Hide the scrollbar on webkit browsers (e.g., Chrome, Safari) */ } .navigation-items-mobile-1 { display: flex; border-bottom: none; } .navigation-items-mobile-1 div { flex: 0 0 auto; padding: 10px; border-bottom: 2px solid transparent; font-family: "Flame-Regular", sans-serif; color: rgb(80, 35, 20); font-size: 1rem; transition: transform 200ms ease-out 0s; font-weight: normal; } .navigation-items-mobile-1 div:last-child { border-right: none; /* Remove border from the last item */ } @media (min-width: 1000px) { .navigation-mobile-1 { display: none; } } .columns-1 a { text-decoration: none; } .navigation-items-mobile-1 a { text-decoration: none; color: #502314; } </style> <body> <div style="height: 50px" class="top-navigation-space-1"></div> <div class="navigation-1"> <div class="nav-icon-1 prev-1" style="padding-right: 10px"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" > <path d="M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135z" /> </svg> </div> <div class="columns-1"> <a href="?page_id=228/#proizvodinaakciji"> <div class="column-1"> <div style="text-align: center"> <img src="https://burgerking.hr/wp-content/uploads/2025/06/Untitled-design-2025-06-27T092008.576.png" /> </div> <div> <h1>Posebna ponuda</h1> </div> </div> </a> <a href="?page_id=228/#burgeri"> <div class="column-1"> <div style="text-align: center"> <img src="https://burgerking.hr/wp-content/uploads/2025/06/Untitled-design-2025-06-27T091947.622.png" /> </div> <div> <h1>The Royals</h1> </div> </div> </a> <a href="?page_id=228/#beef"> <div class="column-1"> <div style="text-align: center"> <img src="https://burgerking.hr/wp-content/uploads/2025/06/Untitled-design-2025-06-27T091926.413.png" /> </div> <div> <h1>Beef burgeri</h1> </div> </div> </a> <a href="?page_id=228/#vegge"> <div class="column-1"> <div style="text-align: center"> <img src="https://burgerking.hr/wp-content/uploads/2025/06/Untitled-design-2025-06-27T092025.146.png" /> </div> <div> <h1>Plant-based</h1> </div> </div> </a> <a href="?page_id=228/#chicken"> <div class="column-1"> <div style="text-align: center"> <img src="https://logobox.agency/burgerking/wp-content/uploads/2023/07/f149bac8d253dd3799eb8cd7f7a4bbaf808c9dac-150x75-1.png" /> </div> <div> <h1>Piletina</h1> </div> </div> </a> <a href="?page_id=228/#prilozi"> <div class="column-1"> <div style="text-align: center"> <img src="https://logobox.agency/burgerking/wp-content/uploads/2023/07/c44e602bb5f3fe1469f154aefb61f0a3ac2a58a4-150x75-1.png" /> </div> <div> <h1>Zalogaji</h1> </div> </div> </a> <a href="?page_id=228/#djecji-meni"> <div class="column-1"> <div style="text-align: center"> <img src="https://burgerking.hr/wp-content/uploads/2025/06/Untitled-design-2025-06-27T091900.471.png" /> </div> <div> <h1>King Jr</h1> </div> </div> </a> <a href="?page_id=228/#deserti"> <div class="column-1"> <div style="text-align: center"> <img src="https://burgerking.hr/wp-content/uploads/2024/09/92683ad584e7fedb082d648a5d9e60cbbad90005-313x152-1.png" /> </div> <div> <h1>Deserti</h1> </div> </div> </a> <a href="?page_id=228/#pica"> <div class="column-1"> <div style="text-align: center"> <img src="https://logobox.agency/burgerking/wp-content/uploads/2023/07/11a18bbfd5fa951e60cb8541bdaaf088625fec6f-150x75-1.png" /> </div> <div> <h1>Pića</h1> </div> </div> </a> <a href="?page_id=228/#umaci"> <div class="column-1"> <div style="text-align: center"> <img src="https://logobox.agency/burgerking/wp-content/uploads/2023/07/e4ab2481058e0e367209ba1d416c04d0608379e0-150x75-1.png" /> </div> <div> <h1>Umaci</h1> </div> </div> </a> </div> <div class="nav-icon-1 next-1" style="padding-left: 10px"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" >  <path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z" /> </svg> </div> </div> <div class="navigation-mobile-1"> <div class="navigation-items-mobile-1"> <div> <a href="?page_id=228/#proizvodinaakciji">Posebna ponuda</a> </div> <div><a href="?page_id=228/#burgeri">The Royals</a></div> <div><a href="?page_id=228/#beef">Beef burgeri</a></div> <div><a href="?page_id=228/#vegge">Plant-based</a></div> <div><a href="?page_id=228/#chicken">Piletina</a></div> <div><a href="?page_id=228/#prilozi">Zalogaji</a></div> <div><a href="?page_id=228/#djecji-meni">King Jr</a></div> <div><a href="?page_id=228/#deserti">Deserti</a></div> <div><a href="?page_id=228/#pica">Pića i Shake</a></div> <div><a href="?page_id=228/#umaci">Umaci</a></div> </div> </div> </body> <script> const columnsWrapper1 = document.querySelector(".columns-1"); const prevButton1 = document.querySelector(".nav-icon-1.prev-1"); const nextButton1 = document.querySelector(".nav-icon-1.next-1"); const columnWidth1 = columnsWrapper1.offsetWidth / 9; // Assuming 9 columns prevButton1.addEventListener("click", () => { columnsWrapper1.scrollBy({ left: -columnWidth1, behavior: "smooth", }); }); nextButton1.addEventListener("click", () => { columnsWrapper1.scrollBy({ left: columnWidth1, behavior: "smooth", }); }); window.addEventListener("resize", () => { const maxScrollLeft1 = columnsWrapper1.scrollWidth - columnsWrapper1.offsetWidth; if (maxScrollLeft1 > 0) { prevButton1.classList.add("active-1"); nextButton1.classList.add("active-1"); } else { prevButton1.classList.remove("active-1"); nextButton1.classList.remove("active-1"); } }); columnsWrapper1.addEventListener( "scroll", () => { const maxScrollLeft1 = columnsWrapper1.scrollWidth - columnsWrapper1.offsetWidth; const currentScrollLeft1 = columnsWrapper1.scrollLeft; if (currentScrollLeft1 === maxScrollLeft1) { nextButton1.classList.add("end-1"); } else { nextButton1.classList.remove("end-1"); } if (currentScrollLeft1 === 0) { prevButton1.classList.add("end-1"); } else { prevButton1.classList.remove("end-1"); } }, { passive: true } ); // Optional: Add an event listener to prevent scroll propagation to the parent elements document.querySelector(".navigation-mobile-1").addEventListener( "touchmove", function (e) { e.stopPropagation(); }, { passive: true } ); // Optional: Add an event listener to perform actions when an item is clicked var navigationItems1 = document.querySelectorAll( ".navigation-items-mobile-1 div" ); navigationItems1.forEach(function (item) { item.addEventListener("click", function () { // Perform actions when an item is clicked console.log("Clicked item:", this.textContent); }); }); </script> </html> Naslovna

Naslovna

Naruči i pokupi Naruči dostavu Okusi moć ninja! Isprobaj Naruto Whopper i Sasuke Chicken sandwich – dva nova okusa inspirirana legendarnom Naruto serijom. Saznajte više Burger King dostava Naruči svoj omiljeni menu i neka ti ga dostave na kućnu adresu. Naručite sada Bolji okus dolazi s plamenom. Plamen donosi više – isprobaj našu vatrenu ponudu! … Nastavi čitati Naslovna